<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

  <head>
  	<script type="text/javascript" src="js/javascript.js"></script>
    <title>Formulario</title>
    <link rel="stylesheet" type="text/css"  href="css/micss.css"/>
    <link rel="stylesheet" type="text/css"  href="css/style.css"/>
    
  </head>
  
  <body>
  	<div id="banner">
        <p><a href="http://www.free-css.com/"><img src="images/home.gif" alt="homepage"></a></p>
         <h1>Comunidad Sport Aljarafe</h1>
     </div>
	 <div id="container">
     
         <h1>Bienvenid@ a la web de la Comunidad de Sport Aljarafe</h1>
         <p class="big">Rellene el formulario introducciendo sus datos personales y direcci&oacute;n.</p>
	   
	 	
 
    <form onSubmit="return validar();">  
	  

        <div id="div_datos_personales">

          <fieldset>

            <legend>Datos personales </legend>

            <div id="div_sexo" class="name">
              <div id="div_titulo_sexo">
                Sexo:
              </div>
               <div id="div_sexo_hombre">
                <input id="sexo_hombre" name="sexo" type="radio" value="hombre" checked="checked"/>
                <label id="label_hombre" for="sexo_hombre">Hombre</label>
               </div>
               <div id="div_sexo_mujer">
                <input id="sexo_mujer" name="sexo" type="radio" value="mujer"/>
                <label id="label_mujer" for="sexo_mujer">Mujer</label>
               </div>
            </div>

          
            <div id="div_nombre" class="name">  
              <label id="label_nombre" for="nombre">Nombre:</label>
              <input id="nombre" name="nombre" type="text"/>
            </div>

             <div id="div_apellidos" class="name">  
              <label id="label_apellidos" for="apellidos">Apellidos:</label>
              <input id="apellidos" name="apellidos" type="text"/>
             </div>
			
			 <div id="div_dni" class="name">
              <label id="label_dni" for="dni">D.N.I.:</label>
              <input id="dni" name="dni" type="text" maxlength="8"/>-
              <input id="letra" name="letra" type="text" maxlength="1"/>
             </div>

             <div id="div_email" class="name">  
              <label id="label_email" for="email">Email:</label>
              <input id="email" name="email" type="text"/>
             </div>

          </fieldset>

        </div>

       <div id="div_direccion" class="name">

        <fieldset>

          <legend>Direcci&oacute;n</legend> 

           <div id="div_calle" class="name">
            <label id="label_calle" for="calle">Calle/Avda.:</label>
            <input id="calle" name="calle" type="text" onChange="metodoProvincia()"/>   <!--onChange="metodo2()"-->
           </div>              
              
           <div id="div_poblacion"class="name" >
            <label id="label_poblacion" for="poblacion">Poblaci&oacute;n:</label>
            <input id="poblacion" name="poblacion" type="text" onChange="metodoProvincia()"/> <!--onChange="metodo2()"-->
           </div>
              
          <div id="div_provincia" class="name">
            <label id="label_provincia" for="provincia">Provincia:</label>
            <select id="provincia" name="provincia" disabled =true>
              <optgroup label="Andaluc&iacute;a" class="name">
              	 
                <option>Almer&iacute;a</option>
                <option>C&aacute;diz</option>
                <option>C&oacute;rdoba</option>
                <option>Granada</option>
                <option>Huelva</option>
                <option>Ja&eacute;n</option>
                <option>M&aacute;laga</option>
                <option selected="selected">Sevilla </option>
              </optgroup>
             
            </select>
          </div>
          </fieldset>
        <div id="div_submit" class="name">
          <button id="submit" >Enviar</button>
	    </div>
	 </div>
      </form>

    
	</div>
	<? include_once("pie_pagina.php"); ?>
	
  </body>

</html>
